<template>
    <div>
        {{ rate }}
    </div>
</template>

<script setup>
   import { defineProps , computed } from 'vue';

   let props = defineProps({
        value:Number
   })

   let rate = computed (()=>"★★★★★☆☆☆☆☆".slice(5-props.value,10-props.value))
</script>

<style lang="css" scoped>
 

</style>